<section class="home-top">
    <div class="container">
        <div class="logo">
            <img src="<?php echo templateUrl() ?>images/logo.png" alt="" class="logoAnim">
            <!-- <div class="lead"><img src="images/lead.png" alt=""></div> -->
            <ul class="star">
                <li><img src="<?php echo templateUrl() ?>images/icon_star.png" alt=""></li>
                <li><img src="<?php echo templateUrl() ?>images/icon_star.png" alt=""></li>
                <li><img src="<?php echo templateUrl() ?>images/icon_star.png" alt=""></li>
                <li><img src="<?php echo templateUrl() ?>images/icon_star.png" alt=""></li>
                <li><img src="<?php echo templateUrl() ?>images/icon_star.png" alt=""></li>
                <li><img src="<?php echo templateUrl() ?>images/icon_star.png" alt=""></li>
                <li><img src="<?php echo templateUrl() ?>images/icon_star.png" alt=""></li>
                <li><img src="<?php echo templateUrl() ?>images/icon_star.png" alt=""></li>
                <li><img src="<?php echo templateUrl() ?>images/icon_star.png" alt=""></li>
                <li><img src="<?php echo templateUrl() ?>images/icon_star.png" alt=""></li>
            </ul>
        </div>
        <div class="shadow">
            <img src="<?php echo templateUrl() ?>images/shadow.png" alt="">
        </div>
        <h1 class="welcome">Welcome to Ba Lá Trà</h1>
    </div>
</section>
<section class="home-slider">
    <div id="home-slider" class="carousel slide" data-ride="carousel">
        <!-- <ol class="carousel-indicators">
            <li data-target="#home-slider" data-slide-to="0" class=""></li>
            <li data-target="#home-slider" data-slide-to="1" class=""></li>
            <li data-target="#home-slider" data-slide-to="2" class="active"></li>
        </ol> -->
        <div class="carousel-inner">
            <div class="item">
                <img src="<?php echo templateUrl() ?>images/slide_1.png" alt="">
            </div>
            <div class="item">
                <img src="<?php echo templateUrl() ?>images/slide_1.png" alt="">
            </div>
            <div class="item active">
                <img src="<?php echo templateUrl() ?>images/slide_1.png" alt="">
            </div>
        </div>
        <a class="left carousel-control" href="#home-slider" data-slide="prev"><span class="fa fa-angle-left"></span></a>
        <a class="right carousel-control" href="#home-slider" data-slide="next"><span class="fa fa-angle-right"></span></a>
        <span id="url" style="display: none"><?php echo templateUrl() ?></span>
    </div>
</section>
<script src="<?php echo templateUrl() ?>js/hoaroi.js"></script>